<template>
  <view class="login-bg">
    <view class="login-title">学途引航者家长助动APP</view>
    <view class="login-subtitle">登录 / 注册页</view>
    <input class="login-input" placeholder="手机号" />
    <button class="login-btn">验证登录</button>
    <button class="wechat-btn">支持微信快捷登录</button>
    <view class="login-links">
      <text>新用户注册</text>
      <text>用户协议</text>
      <text>隐私政策</text>
    </view>
  </view>
</template>

<script setup>
</script>

<style scoped>
.login-bg { background: #eaf6ff; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.login-title { font-size: 36rpx; font-weight: bold; margin-bottom: 16rpx; }
.login-subtitle { color: #888; font-size: 24rpx; margin-bottom: 40rpx; }
.login-input { width: 80vw; border-radius: 16rpx; border: none; padding: 20rpx; background: #fff; margin-bottom: 24rpx; }
.login-btn { width: 80vw; background: #ffb300; color: #fff; font-size: 28rpx; border-radius: 16rpx; padding: 20rpx 0; margin-bottom: 16rpx; }
.wechat-btn { width: 80vw; background: #07c160; color: #fff; font-size: 28rpx; border-radius: 16rpx; padding: 20rpx 0; margin-bottom: 24rpx; }
.login-links { display: flex; gap: 24rpx; color: #888; font-size: 24rpx; }
</style>